@font-face {
    font-family: 'Playfair'; /* 自定义字体家族名 */
    font-style: normal;
    font-weight: 400; /* 对应常规样式 */
    src: 
        url('./PlayfairDisplay-Bold-4.ttf'),
        url('./PlayfairDisplay-Black-2.ttf'),
        url('./PlayfairDisplay-BlackItalic-3.ttf'),
        url('./PlayfairDisplay-BoldItalic-5.ttf'),
        url('./PlayfairDisplay-Italic-6.ttf'),
        url('./PlayfairDisplay-Regular-7.ttf');
}

@font-face {
    font-family: 'SourceSansPro'; /* 自定义字体家族名 */
    font-weight: 400; /* 对应常规样式 */
    font-style: regular;
    src: 
        url('./SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: 'Roboto'; /* 自定义字体家族名 */
    font-style: normal;
    src: 
        url('./Roboto-Regular.ttf'),
        url('./Roboto-Bold.ttf'),
        url('./Roboto-Black.ttf'),
        url('./Roboto-BlackItalic.ttf'),
        url('./Roboto-BoldItalic.ttf'),
        url('./Roboto-Thin.ttf'),
        url('./Roboto-ThinItalic.ttf'),
        url('./Roboto-Light.ttf'),
        url('./Roboto-LightItalic.ttf'),
        url('./Roboto-Italic.ttf');
}